<template>
    <div class="suceess-page">
        <div class="suceess-wpage positionRCT">
            <div class="success-wImg">
                <img class="success-img" :src="staticImageUrl('images/appraise/appraise_success.png')" alt="">
            </div>
            <p class="success-text text-center">恭喜你！估价成功</p>
            <p class="success-warning-text text-center">请下载好看好玩app获取中奖结果哦</p>
            <p class="circle-wbtn">
                <a class="return-orderBtn-href  return-orderBtn-hrefShare circle-btn"
                   @click="toHaoKanHaoWan()">下载好看好玩</a>
            </p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SuceessPage"
    }
</script>

<style scoped>
    .success-wImg{
        text-align: center;
    }
    .success-img{
        height: 1.08rem;
    }
    .success-text{
        padding-top: .2rem;
        font-size: .24rem;
        color: #313233;
    }
    .success-warning-text{
        font-size: .12rem;
        color: #939599;
        padding-top: .1rem;
    }
    .suceess-page{
        height:100vh;
        overflow: hidden;
    }
    .return-orderBtn-hrefShare{
        background: #fe4b4b;
        color: #fff;
        border: 1px solid #fe4b4b;
    }
    .return-orderBtn-href{
        width: 100%;
        height: 44px;
        line-height: 44px;
        display: inline-block;
        border-radius: 50px;
        color: #222;
        border: 1px solid #d7d7d7;
        font-size: 15px;
    }
    .circle-btn{
        color: #fff;
        text-align: center;
        border: 2px solid #db0d2f;
        background-image:  linear-gradient(to bottom,#fe5640,#fe0145);
    }
    .circle-wbtn{
        padding: .3rem .2rem 0;
    }

</style>